<!DOCTYPE html>
<html>

<head>
    <title>轻群社</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="x5-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="browsermode" content="application">
    <meta name="format-detection" content="telephone=no">
    <meta name="Keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="./css/qqs_style.css">
</head>

<body>
    <header class="index-header">
        <div class="index-header-1">
            <div class="index-htopl" onclick="document.location='search.html';"><span class="iconbg-search-icon"></span></div>
            <div class="index-htopr" onclick="document.location='./user/index.html';"><span class="iconbg-user-icon"></span></div>
        </div>
        <div class="index-header-2">
            <div class="iconbg-logo-1"></div>
        </div>
        <div class="index-header-3">
            <ul>
                <li>
                    <a href="community.html">
                        <div><span class="iconbg-chat"></span></div>
                        <p>微信群</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><span class="iconbg-user-2"></span></div>
                        <p>个人号</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><span class="iconbg-flower"></span></div>
                        <p>兴趣群</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><span class="iconbg-huaguan"></span></div>
                        <p>公众号</p>
                    </a>
                </li>
            </ul>
        </div>
    </header>
    <section class="index-section">
        <div class="index-nav">
            <ul>
                <li>
                    <a href="college.html">
                        <h3>社群商学院</h3>
                        <p>STUDY</p>
                    </a>
                </li>
                <li>
                    <a href="sorting.html">
                        <h3>社群排行榜</h3>
                        <p>CHART</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>发布二维码</h3>
                        <p>RELEASE</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="index-plate-4">
            <div>
            <div class="left"><span>今日</span><span>头聊</span></div>
                <div id="scrollDiv">
                <ul>
                    <li><a href="#">骂吴京的中戏老师被开除了？微博认证已取消 疑</a></li>
                    <li><a href="#">酒店保洁阿姨透露，出差旅行住酒店，这几种物品</a></li>
                    <li><a href="#">夫妻谁的基因决定孩子的智商与相貌？</a></li>
                    <li><a href="#">美驱逐舰与商船碰撞后已致10人失踪 5人受伤</a></li>
                    <li><a href="#">男子学车遭教练性侵 驾校回应：涉事教练已开除</a></li>
                </ul> 
                </div>
            </div>
        </div>
        <div class="index-banner">
            <img src="./img/imglist/banner-1.png">
        </div>
        
        <div class="index-plate-2">
            <div>微信群推荐</div>
        </div>
        <div class="index-plate-3">
            <ul>
                <li>
                    <a href="details.html">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc01.jpg"></div>
                        <p>宝妈交流群</p>
                        <p>1分钟前</p>
                        <p>育儿 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc02.jpg"></div>
                        <p>寻找吃货妹子</p>
                        <p>1分钟前</p>
                        <p>美食 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc03.jpg"></div>
                        <p>全身来运动群</p>
                        <p>36分钟前</p>
                        <p>健身 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc04.jpg"></div>
                        <p>假装生活在北京</p>
                        <p>10分钟前</p>
                        <p>交友 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc05.jpg"></div>
                        <p>浪漫有约</p>
                        <p>1分钟前</p>
                        <p>交友 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc06.jpg"></div>
                        <p>国产精品电影推荐</p>
                        <p>1分钟前</p>
                        <p>电影 • 武汉</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="index-plate-1">
            <div>
                <div><span>热 • 微信群</span><span>MORE +</span></div>
                <ul class="index-hot-qun">
                    <li><a href="#">运营群</a></li>
                    <li><a href="#">微商群</a></li>
                    <li><a href="#">汽车群</a></li>
                    <li><a href="#">兼职群</a></li>
                    <li><a href="#">美女群</a></li>
                    <li><a href="#">交友群交友群</a></li>
                    <li><a href="#">母婴群</a></li>
                    <li><a href="#">创业群</a></li>
                </ul>
            </div>
        </div>
        <div class="index-plate-3">
            <ul>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc01.jpg"></div>
                        <p>宝妈交流群</p>
                        <p>1分钟前</p>
                        <p>育儿 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc02.jpg"></div>
                        <p>寻找吃货妹子</p>
                        <p>1分钟前</p>
                        <p>美食 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc03.jpg"></div>
                        <p>全身来运动群</p>
                        <p>36分钟前</p>
                        <p>健身 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc04.jpg"></div>
                        <p>假装生活在北京</p>
                        <p>10分钟前</p>
                        <p>交友 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc05.jpg"></div>
                        <p>浪漫有约</p>
                        <p>1分钟前</p>
                        <p>交友 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc06.jpg"></div>
                        <p>国产精品电影推荐</p>
                        <p>1分钟前</p>
                        <p>电影 • 武汉</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="index-plate-1">
            <div>
                <div><span>热 • 公众号</span><span>MORE +</span></div>
                <ul class="index-hot-qun">
                    <li><a href="#">运营群</a></li>
                    <li><a href="#">微商群</a></li>
                    <li><a href="#">汽车群</a></li>
                    <li><a href="#">兼职群</a></li>
                    <li><a href="#">美女群</a></li>
                    <li><a href="#">交友群交友群</a></li>
                    <li><a href="#">母婴群</a></li>
                    <li><a href="#">创业群</a></li>
                </ul>
            </div>
        </div>
        <div class="index-plate-3">
            
        </div>
        <div class="index-plate-1">
            <div>
                <div><span>群 • 商学院</span><span>MORE +</span></div>
                <ul class="index-hot-list">
                    <li><a href="#">[干货] 用户运营：用户反馈的运营技巧和渠道建立</a></li>
                    <li><a href="#">[案例] 听说做数据运营能年薪上百万？</a></li>
                    <li><a href="#">[头聊] 夫妻谁的基因决定孩子的智商与相貌？</a></li>
                    <li><a href="#">[头聊] 美驱逐舰与商船碰撞后已致10人失踪 5人受伤</a></li>
                    <li><a href="#">[头聊] 男子学车遭教练性侵 驾校回应：涉事教练已开除</a> </li>
                </ul>
            </div>
        </div>
        <div class="index-plate-1">
            <div>
                <div><span>热 • 同城群</span><span>MORE +</span></div>
                <ul class="index-hot-qun">
                    <li><a href="#">北京</a></li>
                    <li><a href="#">上海</a></li>
                    <li><a href="#">深圳</a></li>
                    <li><a href="#">广州</a></li>
                    <li><a href="#">杭州</a></li>
                    <li><a href="#">武汉</a></li>
                    <li><a href="#">重庆</a></li>
                    <li><a href="#">成都</a></li>
                    <li><a href="#">天津</a></li>
                    <li><a href="#">厦门</a></li>
                    <li><a href="#">长沙</a></li>
                    <li><a href="#">郑州</a></li>
                    <li><a href="#">珠海</a></li>
                    <li><a href="#">福州</a></li>
                    <li><a href="#">南宁</a></li>
                    <li><a href="#">合肥</a></li>
                </ul>
            </div>
        </div>
    </section>
    <footer class="index-footer"></footer>
    <script src="./js/zepto.min.js"></script>
    <script src="./js/fx.js"></script>
    <script src="./js/zepto-lazyload.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>